<template>
  <div>
    <ul>
      <!-- 遍历数组 -->
      <li v-for="(item, index) in list" :key="index">
        现在渲染的是{{ item }}我的下标是{{ index }}
      </li>

      <!-- 遍历对象 -->
      <!-- <li v-for="(value, key) in user" :key="key">
        这次渲染的key是{{ key }} 这次渲染的value是 {{ value }}
      </li> -->

      <!-- 遍历数字 -->
      <!-- <li v-for="(item, index) in 5" :key="item">{{ item }} -- {{ index }}</li> -->
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [3, 3, 2, 1],
      user: {
        uname: 'crapper',
        song: '雪distance',
        word: '你离我那么远',
      },
    }
  },
  methods: {},
}
</script>

<style scoped lang="less"></style>
